
body{
	margin: 0;
	padding: 0;
	color: black;
	font-family: Avantgarde, sans-serif;
	font-size:12px;
	text-align: center;
	
	width:100%;
	height: 100%;
	
	background: rgb(242,245,246); /* Old browsers */
}

/*Components*/
.op-main{
	width: 900px;
	text-align: left;
}
.op-nomal, .op-menu-bar, .op-sidemenu .op-menu{
	/*#D3F283 #A0C83B #4A7A0C #2F490C*/
	background: #A0C83B; /* Old browsers */
	background: -moz-linear-gradient(top,  #D3F283 0%, #A0C83B 50%, #4A7A0C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D3F283), color-stop(50%,#A0C83B), color-stop(100%,#4A7A0C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #D3F283 0%,#A0C83B 50%,#4A7A0C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #D3F283 0%,#A0C83B 50%,#4A7A0C 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #D3F283 0%,#A0C83B 50%,#4A7A0C 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #D3F283 0%,#A0C83B 50%,#4A7A0C 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3F283', endColorstr='#4A7A0C',GradientType=0 ); /* IE6-9 */
}
.op-border, .op-menu:hover, .op-menu-bar, .boxinfo, .op-menupage, .op-menupage a:hover, .op-sidemenu .op-menu{
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}
.op-menu-bar{
	margin-top: 10px;
}
.op-menu-bar, .op-menupage{
	width: 100%;
}

.op-menupage{
	overflow: hidden;
	background: rgb(248,255,232); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(248,255,232,1) 0%, rgba(227,245,171,1) 33%, rgba(183,223,45,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,255,232,1)), color-stop(33%,rgba(227,245,171,1)), color-stop(100%,rgba(183,223,45,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(248,255,232,1) 0%,rgba(227,245,171,1) 33%,rgba(183,223,45,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 ); /* IE6-9 */
}

.op-menupage span{
	float: left;
	color: rgb(96,108,136);
	font-size: 15px;
	font-weight: bold;
	padding: 8px 15px;
}

.op-textdisable, .op-menu, .op-menupage a{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.op-menu, .op-menupage a{
	color: white;
	display: table-cell;
	padding: 0px 20px;
	height: 35px;
	width: 80px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	font-size: 13px;
	text-decoration: none;
}

.op-menurighticon{
	position: relative;
	display: table-cell;
	text-align: right;
	top: 4px;
	width: 32%;
}

.op-menu{
	border-right: 1px solid black;
}

.op-menupage a{
	border-left: 1px solid black;
	padding-top: 10px;
	height: 25px;
	float: right;
	color: rgb(96,108,136);
}

.op-selected, .op-menu:hover, .op-menu-selected, .op-menupage a:hover{
	color: white;
	background: rgb(206,220,231) !important; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ) !important; /* IE6-9 */
}

.op-center, .op-main{
	margin: 0 auto;
}

.op-header{
	text-align: center;
}

.op-content{
	
}

.op-footer{
	padding: 15px 10px;
	font-size: 13px;
	background: rgb(242,245,246); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
}

.op-footer-title{
	color: black;
	font-weight: bold;
	margin-top: 5px;
}

.op-a{
	color: #879E24;
	cursor: pointer; 
}

.op-html{
	
}

/*Pages*/
.op-logo{
	float: right;
}

#home, #products, #company, #users, #contact, .loadingpane{
	display:none;
	overflow: hidden;
}

.loadingpane{
	text-align: center;
}

.loadingpane img{
	margin: 0 auto;
	width: 50px;
	height: 50px;
}

.boxinfo{
	padding: 20px 20px;
	background-color: #ECECEC;
	width: 60%;
	margin: 10px 0px;
	display:inline-block;
}

#homeimgs{
	cursor: pointer;
	padding: 20px 0px;
	text-align: center
}

#homeimgs img, .op-plataformsinfo img{
	vertical-align: top;
	padding: 5px;
}

.op-plataformsinfo{
	text-align: center;
	padding: 20px;
}

.op-rside{
	float: right;
}

#productsdesc div, #goodies div{
	padding: 25px 0px;
}

#productsdesc img, #goodies img{
	cursor: pointer;
	float: left;
	margin: 0px 15px;
}

.userdetail{
	margin: 20px 0px;
}

.userdetail hr{
	width: 100%;
}

.userimgs, .op-teaminfo img{
	width:30%;
	float:left;
}

.userimgs img, .op-info{
	margin-bottom: 10px;
}

.userimgs img{
	max-width: 150px
}

.op-info{
	width: 70%;
	float: right;
}

.op-teaminfo{
	overflow: hidden;
}

.op-teaminfo div{
	float: right;
	width: 68%;
}

#map_canvas{
	width: 100%;
	height: 300px;
}

.op-sidemenu{
	width: 200px;
}
.op-sidemenu .op-menu{
	width: 100%;
	display: inline-block;
	border-right: none;
	padding-top: 10px;
	height: 25px;
}
.op-sidemenu .op-a{
	color: black;
	display: block;
	background-color: lightgray;
	width: 100%;
	padding: 5px 20px;
	border-bottom: 1px gray solid;
}

.op-sidemenu .op-a:hover, .op-a-selected{
	color: #879E24 !important;
}

.op-fix{
	max-width: 100%;
}






